/**
 * Created by Administrator on 2016/12/5.
 */
 $(function () {
    //  购物车下拉
    $('.shoppingCar').hover(function () {
        $(this).css("background-color", "#fff");
        $('.carDropDown').stop().slideDown();
        $('#search').css('z-index', '-9999');
    }, function () {
        $(this).css("background-color", "#5ba729");
        $('.carDropDown').stop().slideUp();
        $('#search').css('z-index', '1');
    })

//轮播图

var num = 0;
var length = $('.carousel li').length - 1;
$('.btn-left').click(function () {
    if (num < length) {
        num++;
    } else {
        num = 0;
    }
    $('.carousel li').eq(num).fadeIn().siblings().fadeOut();
    $('#point li').eq(num).css('background-color', '#ffac13').siblings().css('background-color', '#fff');
})


$('.btn-right').click(function () {
    if (num < length) {
        num++;
    } else {
        num = 0;
    }
    $('.carousel li').eq(num).fadeIn().siblings().fadeOut();
    $('#point li').eq(num).css('background-color', '#ffac13').siblings().css('background-color', '#fff');
})


    //自动轮播
    function auto() {
        if (num < length) {
            num++;
        } else {
            num = 0;
        }
        $('.carousel li').eq(num).fadeIn().siblings().fadeOut();
        $('#point li').eq(num).css('background-color', '#ffac13').siblings().css('background-color', '#fff');
    }

    var timer = setInterval(auto, 3000);
    //鼠标移入停止轮播 移出继续
    $('.carousel').hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(auto, 3000);
    });

    //鼠标移入小圆点的时候切换图片  停止自动轮播 移出的时候自动轮播
    $('#point li').hover(function () {
        clearInterval(timer);
        if (num < length) {
            num++;
        } else {
            num = 0;
        }
        $('.carousel li').eq(num).fadeIn().siblings().fadeOut();
        $(this).css({'background-color': '#ffac13', 'cursor': 'pointer'}).siblings().css('background-color', '#fff');
    })

//侧边导航侧边栏切换
$('.sidea').hover(function () {
    var index = $(this).index();
        //console.log(index);
        $('.sideList').eq(index).show().siblings().hide();
        $('#point').hide();
    }, function () {
        $('.sideList').hide();
        $('#point').show();
    })
$('.sideList').hover(function () {
    $(this).show();
}, function () {
    $(this).hide();
})

//特色产业带
$('.left').click(function () {
    $('#city').animate({
        left: '-1226px',
    })
})
$('.right').click(function () {
    $('#city').animate({
        left: '0px'
    })
})
var num = 0;

function setTimer2() {
    num++;
    num = num % 2;
    $("#city").animate({
        left: -1226 * num + "px"
    });
}

var timer2 = setInterval(setTimer2, 3000);
$("#city").hover(function () {
    clearInterval(timer2)
}, function () {
    timer2 = setInterval(setTimer2, 3000)
})

//用户头像上传
$('#upload').on('click','img',function () {
    $('#upload input[type=file]').click();
});
$('#upload').on('change','input[type=file]',function () {
            // 获取一个DOM对象
            // 取出所上传的文件
            var file = $(this)[0].files[0];
            if (file.type.startsWith('image')) {
                //是图片
                $('#upload img').attr('src',URL.createObjectURL(file));
            } else{
                //是其他的文件
                alert('只能上传图片');
            }

        });
 $(function () {
    var $backToTop = $(".back-to-top");
        /* 隐藏回顶部按钮 */
        $backToTop.hide();
        $(window).on('scroll', function() {
            if ($(this).scrollTop() > 100) { /* 返回顶部按钮将在用户向下滚动100像素后出现 */
                $backToTop.fadeIn(500);
            } else {
                $backToTop.fadeOut(500);
            }
        });
        $backToTop.on('click', function(e) {
            $("html, body").animate({scrollTop: 0}, 300);
        });

    });

})